@import "./../theme";
@import "./../var";
@import "./widget-vars";

.widget-report {
  padding: $widget-item-common-padding;
  background: $widget-container-bg;
  position: relative;
  border-radius: $radiusRegular;
  margin-top: $widget-item-common-margin;

  & > div {
    overflow: auto;
    padding: 1px;
  }


  &.active {
    background: $widget-container-bg-active;

  }

  &:hover {
    background: $widget-container-bg-hover;

    &.active {
      background: $widget-container-bg-hover-active;
    }
  }

  .report-container {
    border-top-style: solid;
    border-left-style: solid;
    // width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 18px;

    .report-container-td {
      border-bottom-style: solid;
      border-right-style: solid;
      padding: 5px;

      .el-form-item:not(.is-error) {
        margin-bottom: 0;
      }

      .form-table {
        .el-form-item:not(.is-error) {
          margin-bottom: 18px;
        }

        .el-form-item--medium {
          &.el-form-item:not(.is-error) {
            margin-bottom: 22px;
          }
        }
      }
    }
  }

  .widget-report-item {
    padding: $widget-item-common-padding;
    box-sizing: border-box;
    background: $bgColorPrimary;
    position: relative;

    &:hover {
      outline: $widget-container-border-hover;
    }

    &.active {
      background: $bgColorPrimary;
      outline: $widget-container-border-active;
    }

    &::after {
      display: none;
    }
  }

  &::after {
    display: none;
  }
}
